<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    [#include "/admin/include/admin_static.htm"]
    <style>
        .s2 {
            width: 80px;
            height: 40px;
            color: white;
            background: green;
            line-height: 40px;
            text-align: center;
            position: absolute;
            top: 500px;
            left: 200px;
        }
    </style>
    <link rel="stylesheet"
          href="${path}/resources/plug/ztree/treecss/demo.css?v=1.6" type="text/css">
    <link rel="stylesheet"
          href="${path}/resources/plug/ztree/treecss/zTreeStyle/zTreeStyle.css?v=1.4"
          type="text/css">
    <script type="text/javascript" src="${path}/resources/plug/ztree/treejs/jquery-1.4.4.min.js"></script>
    <script type="text/javascript"
            src="${path}/resources/plug/ztree/treejs/jquery.ztree.core-3.5.js"></script>
    <script type="text/javascript"
            src="${path}/resources/plug/ztree/treejs/jquery.ztree.excheck-3.5.js"></script>
    <script type="text/javascript" src="/resources/admin/js/role.js?v=10"></script>
</HEAD>

<BODY>
<div class="main_admin_content">
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
        <legend>RBAC管理</legend>
    </fieldset>
    <a class="layui-btn" style="margin:10px 0" href="javascript:void(0)">添加权限</a>
<div class="content_wrap" style="border: 1px solid #f1f1f1;border:#e3e3e3 solid 1px;
   ">
    <div class="zTreeDemoBackground left">
        <ul id="dept" class="ztree" style="min-height: 250px">
        </ul>
    </div>
    <div class="zTreeDemoBackground right">
        <ul id="treeDemo" class="ztree" style="min-height: 250px"></ul>
    </div>

        <div id="content" style="margin: 0 auto;width: 200px" style="min-height: 350px">
            <a class="layui-btn"  style="margin:10px 20px" href="javascript:save()">保存</a>
        </div>

</BODY>
<div class="right" style="display: none">
    <ul>
        <li>被勾选时：<input type="checkbox" id="py" class="checkbox first"
                        checked /><span>关联父</span> <input type="checkbox" id="sy"
                                                          class="checkbox first" checked /><span>关联子</span><br /> 取消勾选时：<input
                type="checkbox" id="pn" class="checkbox first" checked /><span>关联父</span>
            <input type="checkbox" id="sn" class="checkbox first" checked /><span>关联子</span><br />
            <ul id="code" class="log" style="height: 20px;"></ul>
            </p>
        </li>
    </ul>

</div>
</div>
<style>
    .c2 {
        color: black;
        margin: 10px, 10px, 10px, 10px;
        cursor: pointer;
        border: 1px;
    }

    .c3 {
        background: blue;
    }

    .sel {
        background-color:#009688;color:white
    }

</style>
<script>

</script>
</html>
